body {font-family: 'Roboto', sans-serif;}

header .top-part {padding: 15px 0; height: 80px;}
header .top-part .logo {height: 60px;}
header .top-part form.search {position: relative; display: inline-block; width:100%;}
header .top-part form.search .search-field {border: 2px solid #8ec63f; color:#9aaab6; width: 100%; padding:13px 10px; padding-right: 40px;}
header .top-part form.search .submit-search {color:#8ec63f; position: absolute; right: 10px; top: 8px; font-size:24px;}
header .top-part .phone-call {width:220px; height: 50px; overflow: hidden;}
header .top-part .phone-call img {height: 50px; width: 50px; float:left;}
header .top-part .phone-call .right {float:right; width:160px; height: 50px; overflow: hidden;}
header .top-part .phone-call .right p {margin: 0; color:#9aaab6; font-size: 12px; text-transform: uppercase;}
header .top-part .phone-call .right span {font-size:22px; color:#8ec63f;}
header .top-part .user {text-align: right; line-height: 50px;}
header .top-part .user a {color:#8ec63f; font-size:20px;}
header .top-part .user .login { margin-right: 5px; padding-right: 5px; border-right: 1px solid #b8c1c7;}
header .top-part .user a:hover {text-decoration: none; color: #5a8a17;  }
header .navbar-custom {background-color: #8ec63f; border-color: #8ec63f; border-radius: 0;}
header .navbar-custom ul.navbar-nav li a {color:#fff; padding: 15px 30px; text-transform: uppercase; font-size: 13px;}
header .navbar-custom ul.navbar-nav li a:hover {background-color: #5a8a17;  }
header .navbar-custom.navbar {margin-bottom: 0;}
header .navbar-custom .navbar-center { width: 100%; text-align: center; }
header .navbar-custom .navbar-nav li { float: initial; }
header .navbar-custom .navbar-right .dropdown { margin-top: -41px; margin-right: -2px; }
header .navbar-custom .navbar-right .dropdown li {display: block; text-transform: uppercase;}
header .navbar-custom .navbar-right .dropdown .btn-lang {color:#ffffff; background-color:transparent; border: 1px solid #ffffff; text-transform: uppercase;}
header .navbar-custom .nav li { display:inline-block;}
header .navbar-custom .navbar-brand {color:#fff;}
header .navbar-custom .show-right-menu {color:#fff; font-size:16px;}
header .navbar-custom.navbar-fixed-top { background-color: #fff; transition: all 0.4s ease-in;}
header .navbar-custom.navbar-fixed-top ul.navbar-nav li a {color:#8ec63f;}
header .navbar-custom.navbar-fixed-top ul.navbar-nav li a:hover {background-color: #eee;  }
header .navbar-custom.navbar-fixed-top .navbar-right .dropdown .btn-lang {color:#8ec63f; background-color:transparent; border: 1px solid #8ec63f;}
.trans-hide {transition: all 0.4s ease-out;}

.btn-bordered {color:#999999; border:2px solid #e8e8e8; background-color: #ffffff; border-radius: 0;}
.btn-bordered:hover {color:#999999;}

.home-page {margin-bottom: 40px;}
.home-page #myCarousel {margin-bottom: 40px;}
.home-page .carousel-control.right, .home-page .carousel-control.left {background-image: none;}
.home-page .carousel-control i {top: 50%; position: absolute; font-size:48px;}

.section-title h2, .section-title h1 {margin: 0; padding-bottom:15px; margin-bottom: 15px; text-transform: uppercase; font-size:22px; font-weight: bold; border-bottom: 1px solid #e8e8e8; color:#333333;}

.product { box-shadow: 0; transition: box-shadow 0.3s ease-in-out; padding: 10px; margin-bottom: 40px; }
.product:hover {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.product h1 {font-size:14px; font-style: normal; font-weight: 400; text-align: center; margin:0; margin-bottom: 10px; height: 32px; overflow: hidden;}
.product .price { text-align: center; display: block; color:#8ec63f; font-weight: bold; font-size:16px; margin-bottom: 10px; height: 20px; overflow: hidden;}
.product a {color:#333333;}
.product a:hover {text-decoration: none;}
.product .img-container {overflow: hidden; height: 220px; text-align: center;  position: relative; margin-bottom: 10px;}
.product img {transition: all .2s ease-in-out;  display: inline-block; max-width: 100%; max-height: 100%;  position: relative;  text-align: center;}
.product:hover img {transform: scale(1.1);}
.product .buy-now {background-color: #8ec63f; border-color:#74a62e; color:#ffffff; font-weight: 700; font-size:13px; text-transform: uppercase; display: block; padding: 8px; text-align: center;}
.product .buy-now:hover, .product-preview .buy .buy-now:hover, .contacts-page .submit:hover {background-color: #74a62e; text-decoration: none;  }

#modalBuyBtn .modal-content {border-radius: 0;}
#modalBuyBtn .modal-header {border-bottom: 0;}
#modalBuyBtn .modal-body {padding-top: 0;}
#modalBuyBtn h4 { margin: 0 auto; margin-bottom: 20px; width:80%; text-align: center; text-transform: uppercase; color:#333333; font-size:24px; font-weight: 700;}
#modalBuyBtn .go-buy {background-color: #00bcd4; border:1px solid #00bcd4; color:#fff; padding:15px 60px; font-size: 18px; font-weight:700; text-transform: uppercase; display: block; width:80%; text-align: center; margin: 0 auto;}
#modalBuyBtn .go-buy:hover {text-decoration: none; background-color: #00a1b5; }
#modalBuyBtn .continue-shopping {text-align: center;}
#modalBuyBtn .continue-shopping a {color:#666666;  font-size:16px; text-transform: uppercase;}
#modalBuyBtn .continue-shopping a:hover {color:#00bcd4; text-decoration: none; }

.product-preview, .products-page, .contacts-page, .checkout-page { padding-top: 40px; margin-bottom: 40px;}
.product-preview .first-part { margin-bottom: 20px; }
.product-preview .category { margin-bottom: 20px; }
.product-preview .category span {color:#999999;}
.product-preview .category a {color:#8ec63f;}
.product-preview .price { margin-bottom: 20px; }
.product-preview .price .detail {color:#8ec63f; font-size:36px; font-weight: 900; float:left; margin-right: 15px; }
.product-preview .price .label {font-size:12px; float:left; margin-top: 15px; }
.product-preview .price .label-success {background-color: #3c3; color:#fff; border-radius: 0; text-transform: uppercase; padding: 10px;}
.product-preview .price .label-danger {background-color: red; color:#fff; border-radius: 0; text-transform: uppercase; padding: 10px;}
.product-preview .buy {padding: 20px; background-color: #f8f8f8; color:#333333;}
.product-preview .buy .quantity {float: left; }
.product-preview .buy .quantity span {text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 5px;}
.product-preview .buy .field { -webkit-transition : border 500ms ease-out;  -moz-transition : border 500ms ease-out;  -o-transition : border 500ms ease-out;  transition : border 500ms ease-out;background-color: #ffffff; border: 2px solid #e8e8e8; color:#999999; width:150px; height: 50px; padding: 10px;}
.product-preview .buy .field:hover { border:2px solid #8ec63f;}
.product-preview .buy .buy-now {float: right; margin-top: 10px; background-color: #8ec63f; border:2px solid #7eb531; color:#ffffff; padding: 15px 50px; text-transform: uppercase; font-weight: bold;}
.product-preview .details {border:1px solid #e8e8e8; padding: 15px;}
.product-preview .gallery {padding-top: 20px;}
.product-preview .carousel-control.right, .product-preview .carousel-control.left {background-image: none;}
.product-preview .carousel-control i {font-size: 48px;  position: absolute; top: 50%;}
.product-preview #inner-slider { margin-bottom: 20px;}
.product-preview #inner-slider .item img {margin:0 auto; max-height: 450px;}
.product-preview .product-title h1 {margin: 0; margin-bottom: 10px; font-size:28px;}

.products-page .categories { background-color: #f8f8f8; padding: 15px; color:#333333; margin-bottom: 20px;}
.products-page .categories h2 {text-transform: uppercase; font-size:22px; margin: 0; padding: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #e8e8e8;}
.products-page .categories a {color:#333333; font-size:14px; text-transform: uppercase; position: relative;}
.products-page .categories a:hover, .products-page .categories li.active a {text-decoration: none; color:#8ec63f; }
.products-page .categories ul {margin: 0; padding: 0; list-style: none;}
.products-page .categories ul li {margin-bottom: 10px;}
.products-page .categories ul li a span {display: block; position: absolute; width:100%; height: 2px; bottom: -2px; left:0;}
.products-page .categories ul li a span:after { content: ''; display: block; margin: auto;  height: 3px;  width: 0px;  background: transparent;  transition: width .5s ease, background-color .5s ease;}
.products-page .categories ul li a:hover span:after { width: 100%; background: #7eb531;}
.products-page .categories ul li span {float: right; cursor: pointer;}
.products-page .categories ul.children { margin-top: 10px; display: none;}
.products-page .categories ul.children li {padding-left: 10px;}
.products-page .categories ul.children a {color:#999999; font-size:12px;}
.products-page .categories ul.children a:hover, .products-page .categories ul.children li.active a {text-decoration: none; color:#8ec63f; }
.products-page .categories ul li span .fa-minus {display: none;}
.products-page .dropdown-order { width:200px;}
.products-page .dropdown-order .btn {width: 100%; padding: 8px 12px;}
.products-page .dropdown-order {margin-bottom: 15px;}
.products-page .dropdown-order .dropdown-menu { width:100%;}
.products-page .dropdown-order .dropdown-menu {border-radius: 0;border:2px solid #e8e8e8;}
.products-page .dropdown-order .dropdown-menu li a:hover {background-color: #8ec63f; color:#ffffff;}

.form-control { margin-bottom: 20px; border:2px solid #e8e8e8; box-shadow: none; border-radius: 0; padding: 15px 20px; color:#333333; height: auto;}
.contacts-page .submit {background-color: #8ec63f; border:1px solid #74a62e; color:#ffffff; font-weight: 700; font-size:14px; text-transform: uppercase; display: block; padding: 10px; text-align: center;}
.form-control:focus {border:2px solid #8ec63f;}

footer .social {background-color: #8ec63f; padding: 20px 0; color:#ffffff; text-align: center;}
footer .social a, footer .pages a {color:#ffffff;}
footer .pages {background-color: #212331; border-bottom:1px solid #51546c; color:#ffffff; padding: 20px 0;}
footer .pages ul {margin: 0; padding: 0; list-style: none;}
footer .pages ul li.header {font-size:22px; border-bottom:1px solid #51546c; padding-bottom: 10px; margin-bottom: 10px;}
footer .copy-rights {background-color: #212331; color:#616f7a; padding: 10px 0;}

.fast-order {display: none; -webkit-box-shadow: 10px 10px 28px -14px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 28px -14px rgba(0,0,0,0.75);box-shadow: 10px 10px 28px -14px rgba(0,0,0,0.75);position: fixed; width:350px; right: 20px; bottom: 20px; padding: 15px; background-color: #ff0000; color:#fff; border-radius: 5px;}
.fast-order h2 {font-size:18px; font-weight: bold; margin: 0; margin-bottom: 10px; text-transform: uppercase;}
.fast-order .form-group, .fast-order .inner {position: relative;}
.fast-order .close {position: absolute; right:0; top:0; color:#fff;}
.fast-order input, .fast-order label {text-transform: uppercase;}
.fast-order label {font-size:14px; font-weight: 100; margin-bottom: 0;}
.fast-order input {border:1px solid #ff0000; padding:8px 10px;}
.fast-order input:focus {border:1px solid #ff0000;}
.fast-order .submit { float:right; border-radius: 2px; color:#fff; cursor: pointer; background-color: #ff4d4d; padding: 5px 30px; text-transform: uppercase; }
.fast-order .submit:hover {text-decoration: none;  background-color: #fc3e3e; cursor: pointer; }
.fast-order .error { color: #ff0000; position: absolute; right: 10px; top: 26px; display: none; }
.fast-order p {text-transform: uppercase; text-align: center;}

.fast-order-btn { padding: 5px 15px; background-color: #ff0000; position: fixed; bottom:0; right: 0; color:#fff; text-transform: uppercase;}
.fast-order-btn:hover {text-decoration: none; color:#fff; background-color: #ee0404; cursor: pointer; }

.backdrop {display: none; background-color: #000;bottom: 0;left: 0; position: fixed; right: 0;top: 0; opacity: 0.5;}
.right-menu {display: none; height: 100%; width: 200px; left:0; top:0; position: fixed; background-color: #393d50; border-color: #51546c; }
.right-menu ul {list-style: none; margin: 0; margin-left: 15px; margin-top: 15px; padding: 0;}
.right-menu ul li {margin-bottom: 15px;}
.right-menu ul li a {color:#fff; text-transform: uppercase; font-weight: bold;}
.close-xs-menu {position: absolute;top:0;right:-60px;background-color: #393d50; padding: 5px 10px; text-transform: uppercase; font-weight: bold; color:#fff;}
.close-xs-menu:hover {color:#fff; text-decoration: none;}

.cart-button {position: relative; cursor: pointer;}
.cart-button .badge {position: absolute; top:-10px; right:-10px; }
.cart-products-fast-view {position: absolute; width:350px; height: 200px; z-index: 20; right:0; top:30px; padding-top: 20px; display: none;}
.cart-products-fast-view .content {position: relative; padding: 10px; padding-top: 30px; height: 200px; color:#ffffff; overflow-y: auto; background-color: #393d50;}
.cart-products-fast-view .content .close-me {position: absolute; color:#ffffff; right:5px; top:-1px; font-size:20px;}
.cart-products-fast-view ul {margin: 0; padding: 0; list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #51546c;}
.cart-products-fast-view ul li { margin-bottom: 10px; position: relative;}
.cart-products-fast-view ul li .link {color:#ffffff;}
.cart-products-fast-view ul li img {width:50px; margin-right: 10px; float:left;}
.cart-products-fast-view ul li .name {float:left; width:260px; font-size: 12px;}
.cart-products-fast-view ul li .price {float:left; width:260px; font-size: 12px; color:#99a9b5;}
.cart-products-fast-view .pay-sum {color:#99a9b5;font-size:20px; font-weight: bold; margin-bottom: 10px;}
.cart-products-fast-view .pay-sum .text {float:left;}
.cart-products-fast-view .pay-sum .sum {float:right;}
.cart-products-fast-view .removeQantity {position: absolute; right:5px; top:5px; color:#ffffff;}
.cart-products-fast-view ul li .link:hover .price {color:#00bcd4; text-decoration: none; }

.green-btn {background-color: #8ec63f; border:1px solid #74a62e; display: block; padding: 10px; text-align: center; color:#ffffff; text-transform: uppercase;}
.green-btn:hover {text-decoration: none; color:#fff; background-color: #72a825; }

.checkout-page .payment-types {margin-bottom: 30px;}
.checkout-page .radios {display: none;}
.checkout-page .box-type { text-align: center;  padding: 10px; background-color: #f8f8f8; border:2px solid #e0e0e0; width:230px; height: 90px; cursor: pointer; }
.checkout-page .box-type img {margin: 0 auto; margin-bottom: 5px; height: 40px;}
.checkout-page .box-type span {text-transform: uppercase; font-weight: bold}
.checkout-page .box-type.active, .checkout-page .box-type:hover {border:2px solid #8ec63f; }
.checkout-page #errors {display: none;}

.products-for-checkout ul {margin: 0; padding: 0; list-style: none; padding-bottom: 10px; margin-bottom: 10px;}
.products-for-checkout ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #f3f3f3;  position: relative;}
.products-for-checkout ul li .link {color:#333;}
.products-for-checkout ul li .link:hover {text-decoration: none;}
.products-for-checkout ul li img {width:100px; margin-right: 10px; float:left;}
.products-for-checkout ul li .info {width:100%; }
.products-for-checkout ul li .info .name {margin-bottom: 10px; display: block;}
.products-for-checkout ul li .info .price {display:block; font-size: 14px; color:#99a9b5;}
.products-for-checkout .removeProduct {position: absolute; right:5px; top:5px; color:#333333;}
.products-for-checkout .controls {width:200px; margin: 0 auto;}
.products-for-checkout .controls .form-control { border:1px solid #cccccc; height:auto; padding:6px 12px; text-align: center;}
.products-for-checkout .final-total {margin-bottom: 20px; text-align: right; font-size:16px; color:#8ec63f; font-weight: bold; }

.alert{text-align: center;}
.alert.alert-danger {background-color: #f55a4e;    border-radius: 3px;    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);    color: #ffffff; border-color: transparent;}
.alert.alert-success {background-color: #5cb860;    border-radius: 3px;    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);    color: #ffffff; border-color: transparent;}
.alert-top {position: absolute; width:250px; top:10px; left:50%; margin-left: -125px;}
.mt-4 {margin-top:4rem};

.product .buy-now, 
.product .buy-now:hover, 
.product-preview .buy .buy-now, 
.product-preview .buy .buy-now:hover, 
header .top-part .user a:hover, 
header .top-part .user a, 
header .navbar-custom ul.navbar-nav li a:hover, 
header .navbar-custom ul.navbar-nav li a, 
header .navbar-custom.navbar-fixed-top ul.navbar-nav li a:hover, 
header .navbar-custom.navbar-fixed-top ul.navbar-nav li a, 
.btn-default, 
.btn-default:hover, 
#modalBuyBtn .go-buy:hover,
#modalBuyBtn .go-buy, 
#modalBuyBtn .continue-shopping a:hover,
#modalBuyBtn .continue-shopping a, 
.products-page .categories a,
.products-page .categories a:hover, 
.products-page .categories li.active a,
.fast-order .submit:hover,
.fast-order .submit, 
.fast-order-btn:hover, 
.fast-order-btn, 
.cart-products-fast-view ul li .link:hover .price,
.green-btn:hover, 
.green-btn,
.checkout-page .box-type.active, 
.checkout-page .box-type:hover, 
.checkout-page .box-type.active,
.cart-products-fast-view ul li .price,
.cart-products-fast-view ul li .price:hover,
.contacts-page .submit,
.contacts-page .submit:hover,
.checkout-page .box-type {-moz-transition: all .2s ease-in; -o-transition: all .2s ease-in;  -webkit-transition: all .2s ease-in;  transition: all .2s ease-in;}

@media screen and (max-width: 991px) {
    header .top-part .phone-call .right span{font-size:18px;}
    header .top-part .phone-call .right p {font-size:10px;}
    header .top-part .user a {font-size:18px;}
    .product-preview h1 {font-size:28px;}
}

@media screen and (max-width: 767px) {
    header .top-part {height: auto;}
    header .top-part .phone-call .right span{font-size:18px;}
    header .top-part .phone-call .right p {font-size:10px;}
    header .top-part .logo-container {text-align: center; display: block; }
    header .top-part .logo-container .logo {display: inline;}
    header .top-part .search, header .top-part .logo-container, header .top-part .phone-call {margin-bottom: 15px;}
    .right-menu ul.dropdown-xs li { margin-bottom: 5px; }
    .right-menu ul.dropdown-xs li a {color:#333;}
    .fast-order { display: none; position: fixed; width: 100%; bottom:0; left:0; border-radius: 0; right:0;}
    .fast-order h2 {font-size:16px; }
    .fast-order label {font-size:12px;}
    .fast-order .form-group, .fast-order p, .fast-order h2 { margin-bottom: 0;}
    .cart-products-fast-view {width:100%;}
    .product-preview h1 {font-size:22px;}
    .section-title h2, .section-title h1 {font-size: 18px;}
    #modalBuyBtn h4 {font-size:16px;}
    #modalBuyBtn .go-buy {font-size:14px; padding:10px 20px;}
    #modalBuyBtn .continue-shopping a {font-size:14px;}
    .section-title h2, .section-title h1 {font-size:16px;}
    .product-preview .product-title h1 {font-size:18px; text-align: center;}
    .product-preview .buy .quantity {float: none; display: block;}
    .product-preview .buy .field {width:auto; height: auto; padding:10px;}
    .product-preview .buy .buy-now {padding:5px 30px;}
    .product-preview #inner-slider .item img {max-height: 300px;}
}

@media screen and (max-width: 374px) {
    .col-xs-6.product-container {width: 100%;}
    .product .img-container {height: auto;}
}